
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Brunch HTML Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/fontAwesome.css">
    <link rel="stylesheet" href="css/hero-slider.css">
    <link rel="stylesheet" href="css/owl-carousel.css">
    <link rel="stylesheet" href="css/datepicker.css">
    <link rel="stylesheet" href="css/tooplate-style.css">

    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet">

    <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<!--
Tooplate 2112 Brunch
https://www.tooplate.com/view/2112-brunch
-->
<body>

<div class="wrap">
    <header id="header">
        <div class="container-fluid">
            <div class="col-md-12">
                <button id="primary-nav-button" type="button">Menu</button>
                <div class="logo">
                    <a href="index.html"><img src="img/white-logo.png" alt="Brunch Template"></a>
                </div>
                <nav id="primary-nav" class="dropdown cf">
                    <ul class="dropdown menu">
                        <li class='active'><a href="index.html">主页</a></li>
                        <li><a href="blogs.html">博客</a>
                            <!--<ul class="sub-menu">
                                <li><a href="generic-page.html">刚出</a></li>
                                <li><a href="generic-page.html">2019上榜</a></li>
                                <li><a href="generic-page.html">推荐</a></li>
                            </ul>-->
                        </li>
                        <li><a href="generic-page.html">杂记</a></li>
                        <li><a href="contact-page.html">联系我</a></li>
                    </ul>
                </nav><!-- / #primary-nav -->
            </div>
        </div>
    </header>
</div>

<div class="banner">
    <div class="container-fluid">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="left-content">
                <!--<div class="inside-content">
                    <h4></h4>
                    <div class="white-border-button">
                        <a href="#">查看更多</a>
                    </div>
                </div>-->
                <div class="inside-content">
                    <img src="img/head-img.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
</div>


<div class="left-right-image">
    <div class="container">
        <div class="col-md-8 col-md-offset-2">
            <div class="right-image">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="hidden-sm hidden-xs">spring boot 集成shiro和redis <br>aliquam tincidunt</h2>
                        <h2 class="hidden-lg hidden-md">Donec pulvinar quis tortor aliquam tincidunt</h2>
                        <span>Suspendisse faucibus ornare purus</span>
                        <p>Morbi quam dui, scelerisque cursus nisl et, placerat congue mi. Proin odio massa, tempor id odio eget, mollis molestie dui. Cras elementum mollis nisi, dapibus sagittis leo pretium nec.</p> <br />
                        <p>Aenean lobortis magna purus, quis blandit eros dictum at. Fusce gravida ligula non neque tempor congue. Vivamus efficitur eget nulla vel lacinia.</p>
                        <!--<div class="blue-border-button">
                            <a href="#">View More</a>
                        </div>-->
                    </div>
                    <!--<div class="col-md-6">
                        <div class="image">
                            <img src="img/right-image-post.png" alt="">
                        </div>
                    </div>-->
                </div>
            </div>
            <!--<div class="left-image">
                <div class="row">
                    <div class="col-md-6">
                        <div class="image">
                            <img src="img/left-image-post.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h2 class="hidden-sm hidden-xs">Aliquam luctus convallis <br>tortor in cursus</h2>
                        <h2 class="hidden-lg hidden-md">Aliquam luctus convallis tortor in cursus</h2>
                        <span>Lorem ipsum dolor sit amet</span>
                        <p>Nulla elementum, purus at cursus sollicitudin, dolor est fermentum justo, vel iaculis nibh lectus non elit. Cras bibendum felis tincidunt mauris tincidunt facilisis. Aenean porttitor lectus quis nulla laoreet, eget pulvinar leo ultricies.</p> <br />
                        <p>Mauris tristique tempus dapibus. Nulla quis risus euismod, imperdiet nisl sed, mattis magna. Nunc sed malesuada purus. Quisque urna nunc, lacinia vel ipsum tristique, finibus sollicitudin massa.</p>
                        <div class="blue-border-button">
                            <a href="#">View More</a>
                        </div>
                    </div>
                </div>
            </div>-->
        </div>
    </div>
</div>



<footer>
    <div class="container">
        <div class="col-md-2 col-sm-6">
            <div class="footer-item">
                <h2>Latest Products</h2>
                <ul>
                    <li><a href="#">-  Microdosing</a></li>
                    <li><a href="#">-  Dreamcatcher</a></li>
                    <li><a href="#">-  Chambray irony</a></li>
                    <li><a href="#">-  Bitters leggings</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-2 col-sm-6">
            <div class="footer-item">
                <h2>New Arrivals</h2>
                <ul>
                    <li><a href="#">-  Park brunch</a></li>
                    <li><a href="#">-  Shoreditch</a></li>
                    <li><a href="#">-  Activated</a></li>
                    <li><a href="#">-  Charcoales</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-2 col-sm-6">
            <div class="footer-item">
                <h2>Top Rated 2018</h2>
                <ul>
                    <li><a href="#">-  Messenger</a></li>
                    <li><a href="#">-  Selvage</a></li>
                    <li><a href="#">-  Chartreuse</a></li>
                    <li><a href="#">-  Bushwick</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-2 col-sm-6">
            <div class="footer-item">
                <h2>Recommended</h2>
                <ul>
                    <li><a href="#">-  Coloring</a></li>
                    <li><a href="#">-  Pinterest</a></li>
                    <li><a href="#">-  Mumblecore</a></li>
                    <li><a href="#">-  Mustache</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-4 col-sm-12">
            <div class="footer-item">
                <h2>More About Us</h2>
                <p>Duis tristique, erat id tempus viverra, quam ante tempus massa, id pulvinar nisi lorem at metus. Aenean posuere risus tristique.</p>
                <ul class="social-icons">
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                    <li><a href="#"><i class="fa fa-rss"></i></a></li>
                    <li><a href="#"><i class="fa fa-behance"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>


<div class="sub-footer">
    <div class="container">
        <div class="col-md-12">
            <p>Copyright &copy; 2018 Company Name

                - Design: <a rel="nofollow" href="https://www.facebook.com/tooplate">Tooplate</a></p>
        </div>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>

<script src="js/vendor/bootstrap.min.js"></script>

<script src="js/datepicker.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>


</body>
</html>